<extend name="zh_tw:Public:base" />
<block name="title">
    <title>美住 - 微預定設置</title>
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/common_control.css?rev=bdf8875f9e52f651ec877dc7073586ed">
    <link rel="stylesheet" type="text/css" href="/Public/jslib/cropper/2.3.0/cropper.min.css?rev=4cd5b78b4c0581196ff92a4a5b9c140d">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/BookSettingPage/index.css?rev=6e2ef456b639c6a952e06a5d0ed2ffae">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/BookSettingPage/preview.css?rev=a4e20b88f8277e3379e355b3d7e577ca">
</block>
<block name="document">
    <div id="doc" class="container-above-md">
        <include file="zh_tw:Public:Include_control_navbar" navbar-menu-setting="active" />
        <div id="doc-body" class="row">
            <include file="zh_tw:Public:Include_booking_tab" booking-tab-index="active" />
            <div id="doc-center">
                <div class="content-panel" id="doc-form">
                    <div class="content-panel-header">
                        <div class="content-panel-title">美住信息<label id="uclbrtStatus"></label></div>
                    </div>
                    <div class="content-panel-body requestChange fixed-content hidden" id="doc-change-form">
                        <form class="form-horizontal form-sm" id="info-form" onkeydown="if(event.keyCode==13){return false;}" style="position: relative;">
                            <div class="form-group">
                                <label class="col-xs-2 control-label"><span class="text-accent">*</span>美住名稱
                                    <span class="iconfont icon-question-sign" style="color: #666;font-size:14px ;margin-left: 4px;" data-toggle="tooltip" data-placement="right" data-container="#doc-center" data-html="true"  title='微預定美住名稱默認與客棧名稱壹致。若想修改客棧名稱請前往“客棧與房型-->修改客棧”'></span>
                                </label>
                                <div class="col-xs-6">
                                    <input type="text" class="form-control" id="requestName" autocomplete="off" maxlength='20' placeholder="請輸入名稱" value="{$hotelName}"  readonly="readonly"/>
                                </div>
                                <div class="col-xs-4">
                                    <div class="help-block"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-2 control-label"><span class="text-accent">*</span>地址</label>
                                <div class="col-xs-6">
                                    <input disabled="disabled;" type="text" class="form-control" id="requestAddress" lat="" lng="" autocomplete="off" maxlength='50' placeholder="" value=""  />
                                    <div class="btn-link" id="edit-address" data-toggle="modal" data-target="#editAddressModal">[修改]</div>
                                </div>
                                <div class="col-xs-4">
                                    <div class="help-block"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-2 control-label"><span class="text-accent">*</span>聯系人</label>
                                <div class="col-xs-6">
                                    <input type="text" class="form-control" id="requestContact" autocomplete="off" maxlength='20' placeholder="請輸入聯系人姓名" value="" />
                                </div>
                                <div class="col-xs-4">
                                    <div class="help-block"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-2 control-label"><span class="text-accent">*</span>聯系電話</label>
                                <div class="col-xs-6">
                                    <include file="zh_tw:Public:Include_area_code" style=''  />
                                    <input type="text" class="form-control paddingArea" id="requestMobile"  autocomplete="off" maxlength='11' placeholder="請輸入手機號" value="" />
                                </div>
                                <div class="col-xs-4">
                                    <div class="help-block"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-2 control-label">前臺電話</label>
                                <div class="col-xs-6">
                                    <input type="text" class="form-control" id="requestTelephone" autocomplete="off" maxlength='15' placeholder="請輸入聯系電話" value="" />
                                </div>
                                <div class="col-xs-4">
                                    <div class="help-block"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-2 control-label">微信</label>
                                <div class="col-xs-6">
                                    <input type="text" class="form-control" id="requestWechat" autocomplete="off" maxlength='20' placeholder="微信號/QQ號/手機號" value="" />
                                </div>
                                <div class="col-xs-4">
                                    <div class="help-block"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-2 control-label">投訴熱線</label>
                                <div class="col-xs-6">
                                    <input type="text" class="form-control" id="requestComplaint" autocomplete="off" maxlength='15' placeholder="電話號碼/手機號" value="" />
                                </div>
                                <div class="col-xs-4">
                                    <div class="help-block"></div>
                                </div>
                            </div>              
                            <div class="form-group">
                                <label class="col-xs-2 control-label"><span class="text-accent">*</span>簡介</label>
                                <div class="col-xs-6">
                                    <textarea type="text" class="form-control" maxlength="255" id="requestDesc" placeholder="請輸入酒店簡介"></textarea>
                                </div>
                                <div class="col-xs-4">
                                    <div class="help-block"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-2 control-label"><span class="text-accent">*</span>訂單過期時間 (分)</label>
                                <div class="col-xs-4">
                                    <input type="text" class="form-control" id="requestOrderTime" autocomplete="off" maxlength='4' placeholder="訂單有效時間 1 ~ 1440 分鐘" value="" />
                                </div>
                                <div class="col-xs-6">
                                    <div class="help-block"></div>
                                </div>
                            </div>     
                            <div class="form-group">
                                <label class="col-xs-2 control-label">認證狀態</label>
                                <div class="col-xs-6">
                                    <div class="Undergraduate not_apply hidden">未申請<span class="attestation" data-toggle="modal" data-target="#apply_Modal">(點擊申請)</span></div>
                                    <div class="Undergraduate lost_apply hidden">審核中<span class="attestation" data-toggle="modal" data-target="#apply_Lost_Modal">(點擊取消)</span></div>
                                    <div class="Undergraduate pass_apply hidden">已通過<span class="icon-attestation"></span></div>
                                    <div class="Undergraduate refuse_apply hidden">已拒絕<span class="attestation" data-toggle="modal" data-target="#apply_again_Modal">(點擊重新申請)</span></div>
                                    <div class="Undergraduate apply_expire hidden">已過期<span class="attestation" data-toggle="modal" data-target="#apply_again_Modal">(點擊重新申請)</span></div>
                                </div>
                                <div class="col-xs-4">
                                    <div class="help-block"></div>
                                </div>
                            </div>           
                            <div class="form-group hidden" id="requestFacilityGroup">
                                <label class="col-xs-2 control-label">設施</label>
                                <div class="col-xs-7" id="requestFacility">
                                </div>
                                <div class="col-xs-3">
                                    <div class="help-block"></div>
                                </div>
                            </div>
                            <div class="form-group" id="pictureGroup">
                                <label class="col-xs-3 control-label">更換頭像：</label>
                                <div>
                                    <div class="col-xs-7 input-btn-group">
                                        <input type="text" class="form-control input-btn-group-input"  readonly placeholder="請點擊選擇頭像進行上傳" value="">
                                    </div>
                                    <div class="col-xs-2 input-group-right">
                                        <div id="organizationUpload" data-config="user" class="col-xs-12 btn-accent btn-raised input-btn-group-btn fileUploadTrigger">上傳</div>
                                    </div>
                                    <div class="col-xs-4">
                                        <div class="help-block"></div>
                                    </div>
                                    <div class="col-xs-12 vertical-padding" style="margin-top: 10px;margin-left: 3px ;">
                                        <div class="col-xs-offset-3">
                                            <div class="fileUploadProgress spinner spinner-single-color ulite-js-spinner is-active hidden" style="margin-left: 30px;"></div>
                                            <img class="img-certification fileUploadResult img-avatar" src="" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-xs-10 col-xs-offset-2">
                                    <button type="submit" class="btn btn-sm btn-raised" id="requestChange">保存修改</button>
                                    <div class="help-block inline-help-block"></div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="content-panel-body requestEnable fixed-content hidden" id="doc-enable-form">
                        <form class="form-horizontal form-sm"  onkeydown="if(event.keyCode==13){return false;}" style="position: relative;">
                            <div class="form-group">
                                <label class="col-xs-2 control-label"><span class="text-accent">*</span>美住名稱
                                    <span class="iconfont icon-question-sign" style="color: #666;font-size:14px ;margin-left: 4px;" data-toggle="tooltip" data-placement="right" data-container="#doc-center" data-html="true"  title='微預定美住名稱默認與客棧名稱壹致。若想修改客棧名稱請前往“客棧與房型-->修改客棧”'></span>
                                </label>
                                <div class="col-xs-6">
                                    <input type="text" class="form-control" style="background: #fff;" id="requestEnableName" autocomplete="off" maxlength='20' placeholder="請輸入名稱" value="{$hotelName}"  readonly="readonly"/>
                                </div>
                                <div class="col-xs-4">
                                    <div class="help-block"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-2 control-label"><span class="text-accent">*</span>地址</label>
                                <div class="col-xs-6">
                                    <input disabled="disabled;" type="text" class="form-control" id="requestEnableAddress" lat="" lng="" autocomplete="off" maxlength='50' placeholder="請選擇添加地址" value=""  />
                                    <div class="btn-link" id="edit-enableAddress" data-toggle="modal" data-target="#editAddressModal">[添加]</div>
                                </div>
                                <div class="col-xs-4">
                                    <div class="help-block"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-2 control-label"><span class="text-accent">*</span>聯系人</label>
                                <div class="col-xs-6">
                                    <input type="text" class="form-control" id="requestEnableContact" autocomplete="off" maxlength='20' placeholder="請輸入聯系人姓名" value="" />
                                </div>
                                <div class="col-xs-4">
                                    <div class="help-block"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-2 control-label"><span class="text-accent">*</span>聯系電話</label>
                                <div class="col-xs-6">
                                    <include file="zh_tw:Public:Include_area_code" style=''  />
                                    <input type="text" class="form-control paddingArea" id="requestEnableMobile" autocomplete="off" maxlength='11' placeholder="請輸入手機號" value="" />
                                </div>
                                <div class="col-xs-4">
                                    <div class="help-block"></div>
                                </div>
                            </div>                 
                            <div class="form-group">
                                <label class="col-xs-2 control-label"><span class="text-accent">*</span>簡介</label>
                                <div class="col-xs-6">
                                    <textarea type="text" class="form-control" maxlength="255" id="requestEnableDesc" placeholder="請輸入酒店簡介"></textarea>
                                </div>
                                <div class="col-xs-4">
                                    <div class="help-block"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-2 control-label"><span class="text-accent">*</span>訂單過期時間 (分)</label>
                                <div class="col-xs-4">
                                    <input type="text" class="form-control" id="requestEnableOrderTime" autocomplete="off" maxlength='4' placeholder="訂單有效時間 1 ~ 1440 分鐘" value="60" />
                                </div>
                                <div class="col-xs-6">
                                    <div class="help-block"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-xs-10 col-xs-offset-2">
                                    <button type="submit" class="btn-primary btn-sm btn-raised " id="requestEnable">申請開通</button>
                                    <div class="help-block inline-help-block"></div>
                                </div>
                            </div>
                        </form>
                    </div>                    
                </div>
            </div>
            <!--end of doc-center-->
        </div>
        <!--end of doc body-->
    </div>
    <!--end of doc-->
    <include file="zh_tw:Public:Include_picture_cropper" />
    <!--js要用到的模板-->
    <script type="text/html" id="templateFacility">
        <label class="checkbox ulite-js-checkbox ulite-js-ripple-effect">
            <input type="checkbox" class="checkbox-input checkbox-facility" />
            <span class="checkbox-label"></span>
        </label>
    </script>
    <include file="zh_tw:Public:Include_preview" />
    <!--申請認證-->
    <div class="modal fade" data-backdrop="static" id="apply_Modal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">申請認證</div>
                </div>
                <div class="modal-body" style="padding: 40px 20px; font-size:14px ;">請確保正確填寫客棧信息!</div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitApply">確定申請</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>    
    <!--取消申請-->
    <div class="modal fade" data-backdrop="static" id="apply_Lost_Modal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">取消申請</div>
                </div>
                <div class="modal-body" style="padding: 40px 20px; font-size:14px ;">請確認取消申請認證!</div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitApplyLost">確定取消</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>    
    <!--重新申請-->
    <div class="modal fade" data-backdrop="static" id="apply_again_Modal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">重新申請</div>
                </div>
                <div class="modal-body" style="padding: 40px 20px; font-size:14px ;">請確保正確填寫客棧信息!</div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitApplyAgain">重新申請</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>    
    <!--保存信息提示-->
    <div class="modal fade" data-backdrop="static" id="presentation_Modal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">保存修改</div>
                </div>
                <div class="modal-body" style="padding: 40px 20px; font-size:14px ;">當前信息跟認證信息不壹致，需重新認證，請確認！</div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitPresentation">確定</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>           
    <!--修改地址-->
    <div class="modal fade" data-backdrop="static" id="editAddressModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">修改地址</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-2 control-label">客棧詳細地址</label>
                            <div class="col-xs-9">
                                <input type="text" class="form-control" id="editAddress" autocomplete="off" maxlength='50' placeholder="请输入客棧詳細地址" value=""  />
                            </div>
                        </div>
                    </form>
                    <div class="map-tip">拖動地圖指針可更精確定位酒店位置</div>
                    <div class="map-content">
                    	<div id="allmap"></div>
                    	<div class="map-shade"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitPostion">確定</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>   
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ii4DfGKtPXGgGL1GpZV9MsyZ"></script>
    <script type="text/javascript" src="/Public/dist/Home/common_control.js?rev=86d1603450adbfec1e8503138339e44d"></script>
    <script type="text/javascript" src="/Public/dist/Home/BookSettingPage/index.js?rev=eac1a3019bdf50f53e03938303211e7b"></script>
    <script type="text/javascript" src="/Public/jslib/cropper/2.3.0/cropper.min.js?rev=622bdc81acfb828b06e23a5ab59c315f"></script>
    <script type="text/javascript" src="/Public/jslib/qrcode/jquery-qrcode.min.js"></script>
    <script type="text/javascript" src="/Public/jslib/canvas-to-blob/3.3.0/canvas-to-blob.min.js?rev=a0ad0191898c078a477dffe0aa7730e1"></script>
    <script type="text/javascript" src="/Public/jslib/html2canvas/html2canvas.min.js"></script>
    <script type="text/javascript" src="/Public/jslib/filesaver/filesaver.min.js"></script>
    <script type="text/javascript" src="/Public/dist/Home/BookSettingPage/preview.js?rev=8a4ed074795396ffb95bfa0f0f4d064f"></script>
</block>
